vue.js @import导入css文件路径问题
<style lang="stylus"> //使用 ../来匹配路径可以正确导入 @import '../assets/css/main.styl'; //正确 //使用 alias 中 配的 @ 就不能用了 @import '@/assets/css/main.styl'; //错误 </style>各位大佬是怎么解决这个 @import 导入css文件的路径问题的总不能一直 ../ 吧webpack 配置的 alias 好像不能...
2024-01-10vue2+jenkins打包上测试找不到css,js地址?
vue2+jenkins打包上测试找不到css,js地址这是接口地址 .env.test 内容这是vue.config.js的内容回答:所以是不是部署到二级目录上面了?如果是的话,在 vue.config.js 里面配置一下二级目录路径。? #publicPath - 配置参考 | Vue CLIEdit环境变量文件配置错了# .env.test- ENV = 'test'+ NODE_EN...
2024-02-28将axios中的道具传递给Vue.js?
我想将道具从父组件传递给子组件。我的道具是tid。将axios中的道具传递给Vue.js?这是父组件:<div id="tracksec" class="panel-collapse collapse"> <library :tid="track.category_id"></library> </div> 这是子组件:<script> import Chapter from "./chapter"; import Http from "../../services/http/httpService...
2024-01-10Vue.js最佳实践(五招让你成为Vue.js大师)
对大部分人来说,掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发,成为Vue.js大师,那下面我要传授的这五招你一定得认真学习一下了。第一招:化繁为简的Watchers场景还原:created(){ this.fetchPostList()},watch: { searchInputValue(){ this.fetchPostLis...
2024-01-10main.js 中的 Vue 是怎么来的?
main.jsimport { createApp } from "vue";import "./style.css";import App from "./App.vue";import axios from "axios";createApp(App).mount("#app");Vue.prototype.$axios = axios;为什么这个 Vue 可以直接使用,不需要...
2024-02-07vue3 如何引入外部的js和css文件
现在有一个第三方的js库和css文件。项目是用vue3写的 怎么在局部组件引入这个css和js文件呢 新手求教回答:你说的应该是那种原生的js或者css库,不是vue3的,这种库直接在 index.html按照传统方式引入就好,类似于这样<body> <div id="app"></div> <script src="xxx.js"></script></body>回答:le...
2024-03-13Vue.js中this.$nextTick()的使用
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现...
2024-01-10如何在 Vue.js 中使用第三方js库
在诸多 Vue.js 应用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 库. 但随着项目越来越复杂, 可能会采取组件化和模块化的方式来组织代码, 还可能要使应用支持不同环境下的服务端渲染. 除非你找到了一个简单而又健壮的方式来引入这些库供不同的组件和模块使用, 不然, 这些第三方库的管理...
2024-01-10js中slice是深拷贝还是浅拷贝
通过之前的介绍,我们知道slice是一个切片方法,它既可以在原来的数组基础上做了一次浅拷贝,也可以拷贝数组的所有目录,整个复制一份,返回一个数组的一段(仍为数组),进行深拷贝。本文介绍js中slice是深拷贝和浅拷贝。一、slice浅拷贝就是只拷贝第一级目录,拷贝一个数组(或者一部分),不...
2024-01-10vue.js实现仿原生ios时间选择组件实例代码
前言最近几个月一直在看VUE,然后试着只用原生js+vue实现某些组件。PC端时间选择组件 这是最开始实现的pc上的时间选择,平时移动端也在做,所以就想实现一下移动端的时间选择器,下面分享一下我实现移动端滚轮特效时间选择器的思路和过程。整个组件是基于vue-cli来进行构建的功能1.时间选...
2024-01-10php+lottery.js实现九宫格抽奖功能
php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。引入抽奖插件lottery.js<script type="text/javascript" src="js/lottery.js"></script>开始抽奖函数start_lottery()function start_lottery(){ if(flag){ //alert('正在抽奖,请等待抽...
2024-01-10Vue中使用Cropper.js裁剪图片
Cropper.js是一款很好用的图片裁剪工具,可以对图片的尺寸、宽高比进行裁剪,满足诸如裁剪头像上传、商品图片编辑之类的需求。github: https://github.com/fengyuanchen/cropperjs网站: https://fengyuanchen.github.io/cropperjs/简单使用使用很简单,首先需要一个image或者canvas元素:<!-- Wrap the image or canvas element with a...
2024-01-10详解vue.js之props传递参数
本篇文章通过demo实例给大家详细分析了props传递参数的用法以及遇到问题后的解决办法,以下是全部内容。前段时间用vue做一个后台管理系统,其中每一页都需要一个表格来展示信息。自然就想到了将表格提取出来做成公共组件,将不同页面的数据传入进行渲染,达到复用的目的。demo地址1. 问题发...
2024-01-10【Vue】vue.js里面如何在组件props属性默认值里面设置多语言?
写了一个弹框组件,组件里面分装了一个 dialogTitle 属性,如果用户未传值,那么指定一个默认值,但是这个值需要多语言,我利用 vue-i18n 设置了多语言,现在可以通过 this.$t('notice') 获取到对应的语言,但是写到props的default属性里面报错,代码如下: props: {dialogTitle:{type: String,default: this.$t('notice')}}...
2024-01-10【CSS】cropper.js如何设置裁剪区域的宽度高度和图片的宽度高度
我现在使用的是cropper.js图片裁剪插件,是移动端上使用,我想要设置图片的宽度是屏幕的宽度,高度auto,裁剪的框框和区域也是屏幕的宽度,是一个正方形,请问如何设置呢,我使用setCropBoxData和setCanvasData没有效果,感觉是我写的有问题,但是又不知道问题出在哪,请问有知道的嘛,在线等这是我现在...
2024-01-10Node.js / Gulp-遍历Gulp任务
我想遍历一个对象,并在每次迭代时将文件路径数组传递给gulp.src,然后对这些文件进行一些处理。下面的代码仅用于说明目的,因为return语句会在第一次通过时终止循环,因此实际上将无法工作。gulp.task('js', function(){ for (var key in buildConfig.bundle) { return gulp.src(bundleConfig.bundle[key].scripts) ...
2024-01-10用Vue.js开发一个电影App的前端界面
我们要构建一个什么样的App?我们大多数人使用在线流媒体服务(如Netflix)观看我们最喜欢的电影或者节目。这篇文章将重点介绍如何通过使用vue.js 2 建立一个类似风格的电影流媒体WEB交互界面(见上图)。最终的产品可以去这里找:https://codepen.io/itslit/full/mvvjzr。注:本文作者Hassan Djirdeh,由汇智...
2024-01-10el-popper 不能跟随页面滚动
一个项目中发现cascader的选择器dom el-popper 不能跟随页面滚动,其内联样式absolute定位的top不跟随页面滚动。手上另一个项目的 el-popper是跟随页面滚动的,对比了一下前端框架,也没有发现问题。请问我应该怎么着手解决这个问题?回答绝对定位按父元素定位.之前可以跟随应该是放在了一个开启定位的...
2024-01-10js import和exports
,目的: 想要引入并导出ComAddItem下所有子目录下的index.vue文件。目前:下面?放了目前的我能想到的两种写法。问题:xdm,有没有更加优秀的写法或者配置能够可以统一引入导出ComAddItem下所有子目录下的index.vue文件。// 方法1export { default as ComAddItemComInfo } from './ComAddItemComInfo/ind...
2024-02-21在Node.js网络中使用pipe()
我很难pipe理解net模块的几个Node.js示例中显示的功能。var net = require('net');var server = net.createServer(function (socket) { socket.write('Echo server\r\n'); socket.pipe(socket);});任何人都可以提供有关其工作原理以及为什么需要这样做的解释吗?回答:该pipe()功能从可读流中读取可用的数据,并将其写入目标可写流。...
2024-01-10Vue axios封装 post请求
Vue使用 axios 这种post封装怎么使用相关代码export async function Api_postuserlogin({method,...params}) {return axios({url:`${base}/user/user/login` + method,method:'POST',headers:{"Content-Type": "application/x-www-form-urlencoded",},data: qs.stringify({method,...params}...
2024-01-10让axios发送表单请求形式的键值对post数据的实例
想要发送键值对,其实是需要做响应处理的,直接上代码npm install --save axios vue-axios qsqs是必不可少的插件,安装完成后,在main.js插入一下代码//载入axiosimport Qs from 'qs'import axios from 'axios'import VueAxios from 'vue-axios'var axios_instance = axios.create({ baseURL:'http://localhost', transformReque...
2024-01-10Ajax 接收服务器返回的json响应方法
1、什么是JSON?JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript 规范的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网...
2024-01-10【Java】Maxwell (mysql-to-json)初体验
Maxwell (mysql-to-json)初体验前言以前写过一篇关于 阿里的 canal ,它也是通过监听 mysql 的 binlogs 日志的工具,本公司目前就是使用这个,而我今天要说的是 maxwell 它是在内部自己转换为 json 格式 输出到 其他中间件1.下载和安装Maxwell直接下载官网地址: http://maxwells-daemon.io/或者 Docker 下载我这里选...
2024-01-10详解解决使用axios发送json后台接收不到的问题
问题描述按照axios官网例子发起请求传递json,后台接受到的数据为空,一直卡在options阶段。尝试的方法开始以为是接口有问题,使用postman测试下,一切正常,百思不得其解,看了好多issue也解决不了,加了headers:{'content-type':'application/json'}也没用。官网上是说,传json就按application/json进行处理,然...
2024-01-10【JS】「一起造轮子」从1.9k的jsonp库出发🏗一起实现jsonp
首页专栏javascript文章详情0「一起造轮子」从1.9k的jsonp库出发????一起实现jsonp修仙大橙子发布于 今天 02:51 1. 什么是jsonp?下方是维基百科对JSON的解释从这个解释中,我们可以知道,完成jsonp需要的步骤主要有以下两点:向页面中插入一个带有请求链接的<script>标签通过回调函数,获取需要...
2024-01-10Vue.js学习(一)—— axios了解
一、axios简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF二、浏览器兼容性三、引入安装方式 1...
2024-01-10px 转 vw, 配置postcss.config.js后运行项目报错
我使用postcss postcss-px-to-viewpor-opt 插件 来将px转换为vw,通过以下postcss.config.js配置:module.exports = { plugins: { 'postcss-import': {}, 'postcss-url': {}, 'postcss-aspect-ratio-mini': {}, 'p...
2024-02-13axios post 出错。 POSTMAN 没问题
POSTMAN POST raw json没有问题但是axios Post 返回403错误 !回答浏览器里面告诉你跨域了。然后post发的params?这里按规范来说也不对。我猜测是请求头类型的问题...
2024-01-10Golang json Unmarshal“ JSON输入意外结束”
我正在研究一些代码来解析来自HTTP响应的JSON数据。我的代码看起来像这样:type ResultStruct struct { result []map[string]string}var jsonData ResultStructerr = json.Unmarshal(respBytes, &jsonData)respBytes变量中的json 如下所示:{ "result": [ { "id": "ID 1" }, { "id": "ID 2" } ]}但是,err不是零。当...
2024-01-10